<template>
	<view class="head-card">
		
		<image  v-if="needBack" @click="back" style="position: absolute;height: 48rpx;width: 48rpx;left: 44rpx;top: 20rpx; z-index: 10;" src="../../static/left.png"></image>
		
		<text class="head-title"><slot></slot></text>
	</view>
</template>

<script setup>

import {defineProps} from 'vue'

    const props = defineProps({
        needBack: {
            type: Boolean,
            default: true
        }
    })



function back() {
		uni.navigateBack();
}

</script>

<style>
.head-card{
	width: 750rpx;
	height: 88rpx;
	background: #FFFFFF;
	text-align: center;
}
.head-title{
	font-family: PingFangSC-Medium;
	font-weight: 500;
	font-size: 32rpx;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	line-height: 46px;
}
</style>
